﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <style type="text/css">
        #Button1
        {
            width: 74px;
            height: 54px;
        }
        #Button4
        {
            height: 54px;
            width: 66px;
        }
        #Button2
        {
            height: 59px;
            width: 64px;
        }
        #Button3
        {
            width: 59px;
            height: 48px;
        }
        #Button6
        {
            height: 50px;
            width: 66px;
        }
    </style>

</head>
<body>
<iframe name="sendiframe" id="sendiframe" style="display:none">
</iframe>
<script type="text/javascript">
    function sendChar(value) {
        document.getElementById("sendiframe").src = "http://10.118.42.151/cgi-bin/control.cgi?cmd=" + value;
}

</script>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
	<tr>
		<td>   
            <iframe src="http://10.118.42.152:9000/browser.html"  marginwidth=”10″ marginheight=”10″
          style="height: 771px; width: 565px">
    </iframe></td>
        <td><div style="height: 190px; width: 264px">
          &nbsp;&nbsp;&nbsp;&nbsp;
          <input id="Button1" type="button" value="上"  onclick="sendChar('w')"/><br />
      <input id="Button3" 
          type="button" value="左" onclick="sendChar('a')"/>&nbsp;
          <input id="Button6" 
          type="button" value="启动" onclick="sendChar('s')"/>&nbsp;
      <input id="Button4" type="button" value="右" onclick="sendChar('d')" /><br />
&nbsp;&nbsp;&nbsp;&nbsp;
          <input id="Button2"         type="button" value="下" onclick="sendChar('x')" /></div></td>
	</tr>
</table>

   
     

</body>
</html>
